<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel='stylesheet' type='text/css' href='/static/view/css/head.css'>
		<link rel='stylesheet' type='text/css' href='/static/view/css/common.css'>
                <!--<link rel='stylesheet' type='text/css' href='/static/view/css/screen.css'>-->
		<title>论坛</title>
                <style type="text/css">
                         .clear{
                            clear:both;
                            height:0px;
                        }
                        .hot {
                            background-color: #F7F7F7;
                            height: 350px;
                            width: 470px;
                            border: 1px solid #DEDEDE;
                            padding-right:5px;
                        }

                        .hot_pic {  
                            width:420px;
                            height:300px;  
                            padding:0;  
                            margin:0; 
                            float:left;
                            clear:left;
                        } 

                        .hot_pic img {  
                            background-color: #eee;  
                            width:  420px; 
                            height: 300px; 
                            top:  0; 
                            left: 0 ;
                            padding: 5px;  
                        } 
                        .hot_thumb{
                            float:right;
                            clear:right; 
                            height:80px;  
                            width:50px; 
                        }
                        .hot_thumb a { width: 55px; height:48px; display: block;padding-top:0px;margin-top:0px;}
                        .hot_thumb a.activeSlide {
                            background-color: silver;
                            border: 0px solid silver;
                        }
                        .hot_thumb a:focus { outline: none; }
                        .hot_thumb img { border: none; margin-top:4px;margin-right:4px;margin-bottom:4px;margin-left:8px;}
                        .hot_title p{margin:0 0;line-height:18px;padding-left:5px;}
                        /*-------------------------------------------------------------*/
                         .ul li{
				z-index:1;
				border:0px solid red;
				list-style-type: none;
				width:654px;
				height:360px;
				}
			.alt{				
                                float: right;
				border:0px solid seagreen;
                                background: white;
				width:200px;
				height:340px;
			}
                        .slide{
                            background-color: yellowgreen;
                            border: 2px solid silver;
                            width: 650px;
                            height: 380px;
                            padding: 15px;
                        }
                       
                </style>
	</head>
	<body onload="startTime();">
		<include file="public:header"/>
                    <!--<div class='body'> 
			<span class='title'>今日热点</span>
                        <div class='container'>
                            
                            <div class='plate' style="height: 340px;border: 0px solid silver;">
                                <div class="hot" style="float:left;">
                                    <div class="hot_pic"> 
                                        <img id="img_1" src="/static/view/image/img/5.jpg" width="440" height="380" /> 
                                        <img id="img_2" src="/static/view/image/img/7.jpg" width="440" height="380" /> 
                                        <img id="img_3" src="/static/view/image/img/8.jpg" width="440" height="380" /> 
                                     <img id="img_4" src="/static/view/image/img/9.jpg" width="440" height="380" /> 
                                    </div> 
                                    <div class="hot_thumb"></div>
                                    <div class="clear"></div>
                                    <div class="hot_title"></div>
                                </div>
                                <div style="float:right;border:1px solid silver;height: 330px;width:61%;padding: 10px;">
                                    <p style="line-height: 2.0;font-size: 15px;font-family: sans-serif;font-weight: 700"><marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()">&nbsp;&nbsp;&nbsp;我们是XX公司旗下的官方服务论坛，一直以来我笨秉承着尽我们的最大努力为广大消费者打造一个完美的互动交流平台的理念。多年来我们一直为之奋斗，我们不断总结，不断进取，不断完善我们的平台，力争为广大消费者提供一个自由，开放，免费的互动交流的平台。我们的服务对象是广大底层消费者，这一理念从未该变。所有的这些同时也离不开广大消费者用户对我们的大力支持，我们将会一如既往的为广大消费者用户服务，这是我们立足的根本，也是我们的服务理念。</marquee></p>
                                </div>
                               <!-- <div class="slide">
                                    <ul id='img' class='ul'>
                                            <li><img src='/static/view/image/img/5.jpg' title='image_1' height="340px"/><div class="alt" title='image_1'><h2>windows经典桌面背景</h2></div>01</li>
                                            <li><img src='/static/view/image/img/6.jpg' title='image_2' height="340px"/><div class="alt" title='image_1'><h2>美丽的草原风景</h2></div>02</li>
                                            <li><img src='/static/view/image/img/7.jpg' title='image_4' height="340px"/><div class="alt" title='image_1'><h2>宏伟壮丽的天安门</h2></div>03</li>
                                            <li><img src='/static/view/image/img/8.jpg' title='image_3' height="340px"/><div class="alt" title='image_1'><h2>windows经典桌面背景</h2></div>04</li>
                                    </ul>
                                    <ul style="list-style-type:none">
                                    <li  style="margin-left:10px;height:20px;width: 25px;background-color: seagreen;float: left;text-align: center;padding-top:3px; ">1</li>
                                    <li  style="margin-left:10px;height:20px;width: 25px;background-color: seagreen;float: left;text-align: center;padding-top:3px;">2</li>
                                    <li  style="margin-left:10px;height:20px;width: 25px;background-color: seagreen;float: left;text-align: center;padding-top:3px;">3</li>
                                    <li  style="margin-left:10px;height:20px;width: 25px;background-color: seagreen;float: left;text-align: center;padding-top:3px;">4</li></ul>
                                </div>-->
                                <!--<div id="slider">
                                    <ul>				
                                        <li><a href="/static/view/image/img/7.jpg"><img src="/static/view/image/img/7.jpg"  height="300px"/></a></li>
                                        <li><a href="/static/view/image/img/8.jpg"><img src="/static/view/image/img/8.jpg"  height="300px"/></a></li>
                                        <li><a href="/static/view/image/img/9.jpg"><img src="/static/view/image/img/9.jpg"  height="300px"/></a></li>
                                        <li><a href="/static/view/image/img/10.jpg"><img src="/static/view/image/img/10.jpg"  height="300px"/></a></li>
                                        <li><a href="/static/view/image/img/11.jpg"><img src="/static/view/image/img/11.jpg"  height="300px"/></a></li>			
                                    </ul>
                                </div>
                                
                            </div>
                        </div>      
                    </div>-->   
                    
                    <volist name="parent_forum" id="parent">
                        <div class='body'> 
                            <span class='title'>{$parent['forum_name']}</span>
                            <div class='container'>
                                <volist name="child_forum" id="child">
                                    <if condition="$child[0]['parent_forum_id'] eq $parent['id']">
                                        <volist name="child" id="list">
                                            <div class='plate'>
                                                <div  class='img'><a href="forumDetail.html?id={$list['id']}"><img src="{$list['banner']}" title="{$list['forum_name']}" height="50px"/></a></div>
                                                <a href="forumDetail.html?id={$list['id']}"><h3 style="float: left;margin-left: 20px;">{$list['forum_name']}</h3></a><h4 class='infor' style="float: right;padding-right: 150px;">主题总数：{$list['theme_count']}<br/>精华帖子数：{$list['good_posts_count']}</h4>
                                            </div>
                                        </volist>
                                    </if> 
                                </volist>
                            </div>      
                        </div>
                    </volist>
		<include file="public:footer"/>
		<script type='text/javascript' src='/static/view/js/jquery-1.8.3.js'></script>
                <script type="text/javascript" src="/static/bootstrap/js/bootstrap.js"></script>
                <script type="text/javascript" src="/static/bootstrap/js/bootstrap-popover.js"></script>
                <script type="text/javascript" src="/static/bootstrap/js/bootstrap-carousel.js"></script>
                <script type='text/javascript' src='/static/view/js/jquery.cycle.all.js'></script>
                <script type='text/javascript' src='/static/view/js/easySlider1.7.js'></script>
		<script type='text/javascript'>
			$(document).ready(function(){
                                $("#slider").easySlider({
                                        auto: true, 
                                        continuous: true,
                                        numeric: true
                                });
                                $('#img').cycle({
					fx:'scrollRight', //替换方式，向右边滑出
					//fx:'turnDown',
					//fx:'zoom',
					//fx:'shuffle',
					//fx:'curtainX',
					delay: -2000 ,
					timeout:1000,
					speed:1000,
					pause:true
				});
                                $('.title').click(function(){
                                    $(this).next('div.container').slideToggle('fast');
                                });
                                
                                //###
                                var data = [];
                                data['img_1'] ={'news_title':'widows xp经典系列','news_abs':'据相关人士透漏，微软将不再维护XP系统','news_url':'../public/img/1.jgp'};
                                data['img_2'] ={'news_title':'宏伟壮丽的天安门','news_abs':'宏伟壮丽的天安门','news_url':'../public/img/2.jgp'};
                                data['img_3'] ={'news_title':'widows XP经典桌面','news_abs':'widows XP经典桌面','news_url':'../public/img/3.jgp'};
                                data['img_4'] ={'news_title':'widows XP经典桌面','news_abs':'widows XP经典桌面','news_url':'../public/img/4.jgp'};

                                /*使用jQuery Cycle Plugin*/
                                $('.hot_pic').cycle({ 
                                    //fx:'fade',
                                    //fx:'curtainY',
                                    //fx:'curtainX',
                                    fx:'scrollDown',
                                    //fx:'turnDown',
                                    //fx:'turnUp',
                                    //fx:'zoom',
                                    pause:  1 ,
                                    timeout:1000,
                                    pager:  '.hot_thumb', 
                                    pagerAnchorBuilder : function(id, slide) { 
                                        return '<a href="#"><img src="' + slide.src + '" width="40px" height="40px" /></a>'; 
                                    },
                                    before:function onAfter() {
                                     $('.hot_title').html('<p style="font-weight:bold;"><a href="' + data[this.id].news_url + '">' + data[this.id].news_title + '</a></string></p><p>' + data[this.id].news_abs + '[<a href="' + data[this.id].news_url+ '">详细</a>]</p>');
                                    }
                                });
                                
                                
				
			});
		
		</script>
	</body>
</html>